<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投诉工单智能分析系统</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>投诉工单智能分析系统</h1>
        
        <div class="card">
            <div class="input-section">
                <textarea 
                    id="complaintText" 
                    placeholder="请输入投诉工单内容..."
                    spellcheck="false"
                ></textarea>
                <div class="button-group">
                    <button onclick="analyzeComplaint()" id="analyzeBtn">
                        <span class="button-icon">📊</span>
                        开始分析
                    </button>
                </div>
            </div>
        </div>

        <div class="result-section">
            <div class="result-header">
                <h2>分析结果</h2>
            </div>
            <div id="loadingIndicator" class="loading" style="display: none;">
                正在分析中
            </div>
            <div id="jsonViewer" class="json-viewer"></div>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html> 